<template>
  <view>

    <view class="content">
        {{content}}
    </view>

    <view class="age" @click="reCommit"></view>

    <image
        class="tip"
        src="http://img-miniprogram-o.doutuimao.net/miniadmin/programconfig/xcximg/20240207/32d033831817facdf2bd1affb85934f0.png"
        mode="widthFix"
      ></image>

  </view>
</template>

<script setup lang="ts">
import { EnumStatus } from "@/utils/constants";
interface IProps {
    content:any
}
const props = withDefaults(defineProps<IProps>(), {})
const emit = defineEmits(['update:defStatus'])
const reCommit =()=>{
emit('update:defStatus',EnumStatus.STATUS)
}

</script>

<style lang="scss" scoped>

   .age{
        position: absolute;
        z-index: 99;
        top: 89%;
        height: 100rpx;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        width: 40%;
        left: 30%;
        background-image: url('http://img-miniprogram-o.doutuimao.net/miniadmin/programconfig/xcximg/20230316/b81800e32247bbc9d8277e20853f0876.png');
        background-size: 100% 100%;
    }
    .tip{
        z-index: 102;
        position: absolute;
        top: 81%;
        right: 15%;
        width: 60%;
    }
    .content{
        position: absolute;
        z-index: 99;
        top: 50%;
        height: 30%;
        width: 80%;
        left: 10%;
        color: rgb(203,114,0);
        background: rgb(187, 187, 187);
        background-image: url("http://img-miniprogram-o.doutuimao.net/rtsvip/common/2022/08/15/2022081520175685337012.png");
        background-size: 100% 100%;
        display: flex;
        justify-content: center;
        align-items: center;

    }
</style>
